<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>$.serializeObject tests</title>

		<link rel="stylesheet" href="../components/qunit/qunit/qunit.css" type="text/css" media="screen">
		<script type="text/javascript" src="../components/jquery/jquery.min.js"></script>
		<script type="text/javascript" src="../components/qunit/qunit/qunit.js"></script>
		<script type="text/javascript" src="../jquery.serializeObject.js"></script>
		<script type="text/javascript" src="serialization-test.js"></script>

		<style>
			.test-data { display: none; }
		</style>
	</head>
	<body>
		<h1 id="qunit-header">QUnit Test Suite - Step Addon</h1>
		<h2 id="qunit-banner"></h2>
		<div id="qunit-testrunner-toolbar"></div>
		<h2 id="qunit-userAgent"></h2>
		<ol id="qunit-tests"></ol>

		<div id="qunit-" class="test-data">
			<form id="simple-form">
				<label for="name">Name</label><input type="text" name="name" value="John Apple">
				<label for="age">Age</label><input type="numer" name="age" value="21">
				<label for="email">Email</label><input type="email" name="email" value="john.apple@apple.com">
				<label for="password">Password</label><input type="password" name="password">

				<input type="checkbox" name="legal-age" checked="checked" value="yes">
				<input type="checkbox" name="terms-and-conditions" value="agreed">
			</form>

			<form id="multi-value-form">
				<!-- multiple selections -->
				<input type="checkbox" name="food" value="Banana" checked="checked">
				<input type="checkbox" name="food" value="Melon" checked="checked">

				<input type="checkbox" name="drink" value="Water" checked="checked">
				<input type="checkbox" name="drink" value="Alcohol">
				<input type="checkbox" name="drink" value="Milk" checked="checked">
				<input type="checkbox" name="drink" value="Beer" checked="checked">
				<input type="checkbox" name="drink" value="Cocktail" checked="checked">
			</form>
		</div>
	</body>
</html>
